	<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style type="text/css">
			.laohuji2 {
				position: relative;
				width: 300px;
				height: 120px;
			}
			.laohuji2 img {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				z-index: 10;
			}
			.lhjsum {
				position: absolute;
				width: 91%;
				left: 4.5%;
				top: 15%;
				bottom: 8%;
				/*border: 1px solid red;*/
				/*z-index: 20;*/
			}
			.laohuji {
				width: 100%;
				height: 100%;
			}
			.laohuji div {
				box-sizing: border-box;
				width: 31.33%;
				margin: 0 1%;
				height: 100%;
				/*border: 1px solid red;*/
				float: left;
				box-sizing: border-box;
				overflow: hidden;
				background-image: url(img/nns.png);
				background-size: 100% 1000%;
				background-position: 0 0;
			}
			
		</style>
		
	</head>
	<body>
		
		
		<div class="laohuji2">
			<div class="lhjsum">
				<div class="laohuji">
					<div></div>
					<div></div>
					<div></div>
				</div>
			</div>
			<img src="img/tou3.png" />
		</div>
		
		
	</body>
	
	<script type="text/javascript" src="js/laohuji3.js" ></script>
	
	<script>
		window.lhj = null;
		window.onload = function(){
			// 实例化
			lhj = new laohuji(".lhjsum");
		}
		
		// 启动， 如果不暂停就一直转
		setTimeout(function(){
			lhj.start();
		}, 500);
		
		// 传如参数 停止
		setTimeout(function(){
			lhj.funend(2, 5, 9);
		},3000);
		
		
	</script>
	
</html>
